/* CSS Document */
@media only screen and (min-width: 770px)and (max-width: 1224px){
.inner{width:100%;}

.ding .inner .fl{width:40%;}
.ding .inner .fr{width:45%;}
.ding .inner .fr .ban a{width:47%; margin-right:2%;}


#banner{display:block;cursor:pointer;height:auto;height:300px;}
#banner .imglist{width:100%;height:300px;position:absolute;top:0px;left:0px;}
#banner  .img01{background-size:100% auto;}
#banner  .img02{background-size:100% auto;}
#banner  .img03{background-size:100% auto;}
#banner  .img04{background-size:100% auto;}
#banner  .img05{background-size:100% auto;}
#banner .left{left:5%;top:40%;width:20px;height:36px;z-index:7; background-size:40px 72px;}
#banner .right{right:5%;top:40%;width:20px;height:36px;z-index:8; background:url(../images/focus_btn.png) no-repeat -20px 0px;background-size:40px 72px; }

.dl-menuwrapper{display:none;}

.logo{width:96%; margin:0 auo;}

.container .wrap{width:96%; max-width:96%;margin:0 auto;}
.container .wrap .gs_news{}
.search_out .inner .fl{width:35%; height:30px; line-height:30px; overflow:hidden;}
.search_out .inner{}

.container .hot_products{width:96%; margin:0 auto; max-width:96%;margin-top:40px;overflow:hidden;}

.products{width:96%; max-width:96%; margin:0 auto; margin-top:40px;}
.products .list{float:left; width:24%;}
.products .list .title{background-size:100% auto;height:60px;}
.products .list .title .en{font-size:20px; line-height:20px;}
.products .list .title h4{height:30px; line-height:30px;}
.products .list .con{padding:1%; width:94.5%;}
.container .show ul li a .tit{height:50px;overflow:hidden;}
.products .list .con ul{width:100%;}
.products .list .con ul li{width:100%;}

.container .reason{background-size:160% auto;height:auto; padding-bottom:50px;}
.container .reason .inner{width:96%;max-width:96%; margin:0 auto;padding:50px 0px;}
.container .reason .inner .con{padding-top:30px;}
.container .reason .inner .con ul{width:100%;}
.container .reason .inner .con ul li{float:left; width:33.3%;}
.container .reason .inner .con ul li.r_01{width:33.3%;}


.container .reason .inner .con ul li.r_02{width:33.3%;}
.container .reason .inner .con ul li.r_03{width:33.3%;}
.container .show{float:right; width:75%;}
.container .show ul{width:100%;}
.container .show ul li{width:31%; margin-right:2.3%;}
.container .show ul li a{width:100%;}
.container .show ul li img{width:100%; height:auto;}


.container .case{width:100%; margin-top:40px;}
.container .case .c_in{padding:50px 35px;}

.container .about{width:96%; margin:0 auto;margin-top:40px;}
.container .about .con{width:100%;max-width:100%;}
.container .about ul{width:100%;}
.container .about ul li{float:left; width:31%; margin-right:2.3%;}
.container .about ul li img{display:block; width:100%;}
.friendlink{margin-top:40px;}
.friendlink .inner{width:96%; margin:0 auto;}
.friendlink .inner .title{width:30%;}
.friendlink .inner .con{width:66%; height:110px;overflow:hidden;}

.bot .inner{width:96%; margin:0 auto; padding:40px 0px;} 


.content{width:96%; margin:0 auto; max-width:96%; margin-top:40px;}
.content .fl{width:24%;}
.content .fl .list{float:none; width:100%;}

.content .fl .list .title{background-size:100% auto;height:60px;}
.content .fl .list .title .en{font-size:20px; line-height:20px;}
.content .fl .list .title h4{height:30px; line-height:30px;}
.content .fl .list .con{padding:1%; width:94.5%;}
.content .fl .list .con ul{width:100%;}

.content .fl .contact{background:#DA0605;}
.content .fl .contact .title{background-size:100% auto;height:60px;}
.content .fl .contact .title .en{font-size:20px; line-height:20px;}
.content .fl .contact .title h4{height:30px; line-height:30px;}
.content .fl .contact .con{width:88%; padding:4%;background:#fff;}

.content .fr{width:74%;}

.pro_list ul{width:100%;}
.pro_list ul li{float:left; width:31%; margin-right:2%;}
.pro_list ul li a{width:100%;}
.pro_list ul li img{display:block; width:100%;height:auto;}

.productlist .pic{float:left; width:32%;}
.productlist .pic img{display:block; width:100%;height:auto;}
.productlist dl{float:right; width:65%;}

.proright{width:38%;}

.btn3{display:none;position:fixed; z-index:30; bottom:0px; border-top:1px solid #d85555; border-bottom:1px solid #d85555; background:#cf4444; width:100%; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box;}
.menu{position:relative; float:left; width:25%; height:45px; line-height:45px; background:#cf4444; border-right:1px solid #d85555; box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;bottom:60px;z-index:10;width:100%;padding: 0px 2px;background:#cf4444;box-sizing:border-box;-webkit-box-sizing:border-box;border: 1px solid #d85555;border-radius: 5px;display:none;}
.new-sub li{width: 100%;background:#cf4444;float:none;box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #d85555;overflow:hidden;}
.new-sub li a{display:block;height:40px;line-height:40px;text-align:left;background:#cf4444;color:#fff;border:none;text-align:center;font-size:12px;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #d85555;border-bottom:5px solid #d85555;}
.bt-name{font-size:15px;color:#fff;}
.bt-name a{display:block;font-size:15px;color:#fff;line-height:40px;}
.new-sub .tiggle{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;bottom:-9px;border-top:10px solid #d85555;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;}
.new-sub .innertiggle{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid #cf4444;border-left:9px solid transparent;
border-right:9px solid transparent;z-index:11;}



}